<template>
  <div class="order_dialog_content">
    <Handicap :data="data" :dataindex="dataindex" :pkindex="pkindex"/>
    <div class="order_dialog_list">
      <OrderItem v-for="(item, index) in data.activeodds" :key="index" :itemdata="item" :dataindex="dataindex" :match="data.match" :pkindex="pkindex" :activeoddsindex="index" />
    </div>
  </div>
</template>

<script setup>
import { onMounted } from 'vue'
import Handicap from './Handicap.vue'
import OrderItem from './OrderItem.vue'
const props = defineProps({
  data: Object,
  dataindex: Number,
  pkindex: Number
})


</script>

<style lang="scss" scoped>
.order_dialog_content {
  display: flex;
}
.order_dialog_list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
</style>